/***********************************************************

	文件：css/index.css

	备注：首页CSS专用

	版本：4.0

	网站：www.phpok.com

	作者：qinggan <qinggan@188.com>

	日期：2016年03月20日

***********************************************************/

/*轮播*/

body{background-image:none;}

.banner{position:relative;width:980px;margin:0 auto 10px;overflow:hidden}

.banner .bd ul{list-style:none;margin:0;padding:0}

.banner .bd ul li img{max-width:980px}

.banner .hd{position:absolute;bottom:10px;right:10px;text-align:center}

.banner .hd ul{list-style:none;margin:0;padding:0}

.banner .hd ul li{width:18px;height:18px;background:#000;display:inline-block;+display:inline;zoom:1;margin:0 1px;cursor:pointer;line-height:18px;font-size:0.6em}

.banner .hd ul li.on{background:darkred;color:#fff}

/*三栏*/

.index{width:1200px;margin:15px auto 10px}

.index:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.index .line1{width:280px;float:left;margin-right:35px}

.index .line2{width:885px;float:left;margin-right:15px}

.index .line3{width:300px;float:left}

.index .line1 .pfw,.index .line2 .pfw,.index .line3 .pfw{overflow:hidden}

.index .about{line-height:170%;padding:24px 0 0;}

.index .about img{float:left;margin-right:10px}

.index .about p{line-height:23px;font-size:13px;}

.index div.pfw{border:0px;}

/*产品滚动*/

.plist{margin:0 auto;width:980px}

.plist:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.plist h3{text-align:center;line-height:44px;background:url('../images/plist.png') center center no-repeat;font-size:1.4em;letter-spacing:0.5em;margin:0;padding:0}

.plist .prolist{margin-top:10px}

.plist ul{list-style:none;padding:0;margin:0}

.plist ul li{float:left;width:20%}

.plist ul li .img{text-align:center}

.plist ul li .img img{width:160px;height:160px;overflow:hidden;border:1px solid #e4e4e4;padding:10px}

.plist ul li .title{height:44px;line-height:22px;padding:0 10px 0 5px;overflow:hidden}

.plist ul li .price{font-size:1.2em;line-height:200%;padding:0 10px 0 5px}

.plist ul li .price span{color:red}

/*图片展示*/

.mall{width:810px;margin:24px auto 0;display:table;}

.mallMiddle{width:100%;float:left;display:inline}

.mallMiddleTop{width:100%;float:left}

.mallMiddleTop h3{width:810px;float:left;margin-top:5px;margin-left:5px;display:inline;font-size:16px;font-weight:bolder;color:#414141;cursor:pointer}

.mallMiddleTop li{width:153px;height:59px;float:left;margin-top:5px;margin-left:5px;display:inline;border:1px #cdcdcd solid}

.mallMiddleBottom{width:100%;float:left;display:inline;position:relative;}

.mallLeftImg,.mallRightImg{width:11px;height:20px;position:absolute; display:block;cursor:pointer;z-index:999;top:40%;}

.mallLeftImg{left:-1px}

.mallRightImg{right:-1px}

.mallUl{width:810px;float:left;display:inline;overflow:hidden;margin-left:25px;margin-right:25px;position:relative}

.mallUl ul{width:9999px}

.mallUl ul li{width:185px;float:left;display:inline;margin-right:20px;text-align:center;}

.mallUl ul li a img{max-width:185px;border:1px solid #ddd;}

.mallUl p{display:block;width:100%;height:35px;text-align:center;}

.mallUl p a{color:#333;line-height:35px;font-size:13px;}



/* banner */

.flexslider { position: relative; height: 500px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}

.slides { position: relative; z-index: 1;}

.slides li { height: 500px;margin-top:-75px;}

.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}

.flex-control-nav li { display: inline-block; height: 16px; margin: 0 5px; *display: inline; zoom: 1;}

.flex-control-nav a { display: inline-block; width: 16px; height: 16px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;text-decoration:none;color:#fff;}

.flex-control-nav .flex-active { width:30px;height:16px;background: url(../images/dot.png) left 0 no-repeat;color:#ec6d21;}